// SYNTAX TEST "source.slint" "Example code test"

  component Test {
      states [
//    ^^^^^^ keyword.other.states.slint
          expanded when root.expanded : {
//        ^^^^^^^^ entity.name.tag.state.slint
//                 ^^^^ keyword.other.when.slint
              height: layout.min-height;
//            ^^^^^^ variable.other.property.slint

              in {
//            ^^ keyword.other.state-change.slint
                  height: layout.min-height;
//                ^^^^^^ variable.other.property.slint
              }
              out {
//            ^^^ keyword.other.state-change.slint
                  animate height { duration: 200ms; easing: foobar; }
//                ^^^^^^^ keyword.other.animate.slint
//                        ^^^^^^ variable.other.property.slint
//                                 ^^^^^^^^ keyword.other.animate.setting.slint
//                                           ^^^^^ constant.numeric.slint
//                                                  ^^^^^^ keyword.other.animate.setting.slint
              }
          }
      ]
  }

